<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="content-type" content="text/html" charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,minimal-ui" />
    <meta name="format-detection" content="telephone=no">
    <title>实名认证</title>
    <link rel="stylesheet" href="{{asset('/api/static/css/base.css')}}">
    <link rel="stylesheet" href="{{asset('/api/static/css/autonym.css')}}">


    <script>
        (function (doc, win) {
            var docEl = doc.documentElement,
                resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
                recalc = function () {
                    var clientWidth = docEl.clientWidth;
                    if (!clientWidth) return;
                    docEl.style.fontSize = 100 * (clientWidth / 1080) + 'px';
                };
            recalc();
            if (!doc.addEventListener) return;
            win.addEventListener(resizeEvt, recalc, false);
            doc.addEventListener('DOMContentLoaded', recalc, false);
        })(document, window);
    </script>
</head>
<body>
@if($type==1)
<div class="autonyming">   <!-- 实名认证 - 审核中 -->
    <img src="{{asset('/api/static/images/autonym_s.png')}}">

    <p>审核中，请耐心等待</p>
</div>
@elseif($type==2)
<div class="autonymed">   <!-- 实名认证 - 通过 -->
    <div class="autonymedHead"><img src="{{asset('/api/static/images/autonymHead.png')}}"></div>
    <div class="autonymedIco"><img src="{{asset('/api/static/images/autonymEd.png')}}"><p>已通过</p></div>
    <div class="autonymInfo">
        <h2>您已实名认证</h2>
        <p>{{$autonym_user['name']}}</p>
        <p>{{$autonym_user['indentity_card']}}</p>
    </div>
</div>
@elseif($type==3)

<div class="autonymFail">   <!-- 实名认证 - 未通过 -->
    <img src="{{asset('/api/static/images/autonymFail.png')}}">
    <h4>审核失败</h4>
    <p>
        @if(!empty($note))
            {{$note}}
        @else
            您的照片过于模糊，请重新提交身份证照片
        @endif
    </p>
    <div class="subBtn">
        <a href="autonym_index?uid={{$uid}}">重新提交</a>
    </div>
</div>
    @endif
</body>
<script src="{{asset('/api/static/js/jquery-1.10.2.min.js')}}"></script>
<script src="{{asset('/api/static/lib/moxie.min.js')}}"></script>
<script src="{{asset('/api/static/lib/plupload.full.min.js')}}"></script>
<script src="{{asset('/api/static/js/base.js')}}"></script>



<script>
    $(function() {
        var positiveImg = upload_Oss('positive');
        var backsideImg = upload_Oss('backside');
        $('.card').on('input propertychange', this, function(){
            var thisVal = $(this).val();
            if( thisVal.length<=17 ){
                $(this).val( onlyNum(thisVal) )
            }
        });
        $('.positive').change(function(){
            positiveImg.events.start()
            positiveImg.events.fn=(pathArr)=>{
                $('.positive').find('img').show().attr('src', pathArr[pathArr.length-1])
            }
        });
        $('.backside').change(function(){
            backsideImg.events.start()
            backsideImg.events.fn=(pathArr)=>{
                $('.backside').find('img').show().attr('src', pathArr[pathArr.length-1])
            }
        });
    })
</script>
</html>
